<script setup lang="ts">
import { tjajly } from "../index";

</script>

<template>
  <div class="asdhalkh">
    <div class="iteml" v-for="item in tjajly" :key="item.id">
      <div style="display: flex;align-items: center;">
      <div class="tubao">
        <img src="../../../static/推送.png" alt="">
      </div>
      <div class="tubao">
        {{ item.name }}
      </div>
    </div>
    <div class="itemr" >{{item.sum}} 件</div>
    </div>
  </div>
</template>

<style scoped lang="scss">
.itemr{
  color: rgb(142, 207, 67);
}
.iteml{
  margin-top: 3px;
  display: flex;
  justify-content: space-between;
}
.tubao{
  margin-left: 5px;
  img{
    height: 20px;
    width: 20px;
  }
}
.iteml{
  width: 100%;
  background-color: rgb(13, 26, 44);
  padding: 4px;
  color: rgb(117, 148, 196);
}
.asdhalkh{
  height: 100%;
  width: 100%;
  overflow: auto;
  
}
</style>
